<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <title>齐天大圣官方独立公司</title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
<style type="text/css">
	.td9 {
	    font-size: 17px;
			}
	#h1h {
		color: mediumpurple;
		font-family: 楷体;
		font-size: 38px;
		font-weight: bold;
			}
	.span2 {
		font-size: 21px;
			}
	#dandu {
		color: black;
		font-weight: bold;
			}
	.zuihouanniu {
		color: black;
			}	
	.zuihouanniu:hover{
		color: black;
	}	
	.cor{
		color: #269ABC;
	}
	.cor:hover{
		color: skyblue;
	}	
	
	
	ul{list-style-type:none;}
	.ysA{text-decoration:none;color:black;}
	#nav{line-height:30px;}
	#nav li{float:left;width:100px;}
	#nav li .ysA{display:block;width:100px;background:#EB7350;text-align:center;}
	#nav li .ysA:hover{background:#666;color:#fff;font-weight:bold;}
	#nav li ul{line-height:20px;position:absolute;display:none;}
	#nav li ul li{float:left;width:130px;}
	#nav li ul li a{display:block;width:130px;background:#666;text-align:left;padding-left:30px;}
	#nav li ul li a:hover{background:red;font-weight:normal;}
	
	
	
	
</style>
<script type="text/javascript" src="http://pic.veryhuo.com/uploads/common/js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){
var key=$("#nav>li");
key.mouseover(function(){
$(this).children(".nn1").fadeIn();
});
key.mouseout(function(){
$(this).children(".nn1").fadeOut();
});
});
</script>
</head>
<body>
<jsp:include page="/headerServlet"></jsp:include>




<div>
    <header class="article_list_more_header">
     <div> <a href="article_list.jsp">首页</a>&#62;<a href="article_list.jsp">新闻资讯</a>&#62;<a href="article_list.jsp">更多</a></div>
    </header>

    <section class="article-content">
        <ul>
            <li>
                <div class="article-date">
                    <strong>01</strong>
                    <p>2017/05</p>
                </div>
                <div class="article-info">
                    <a href="article_list_content.jsp">
                        <h3>化妆品的风格?</h3>
                        <p>按化妆品的风格上可以分为：时尚化妆、潮流化妆、美式化妆、中式化妆（也就是古风妆），还有近两年比较流行的新时代妆品...</p>
                    </a>
                </div>
            </li>

            <li>
                <div class="article-date">
                    <strong>01</strong>
                    <p>2017/05</p>
                </div>
                <div class="article-info">
                    <a href="article_list_content.jsp">
                        <h3>化妆品的分类?</h3>
                        <p>按化妆品的风格上可以分为：时尚化妆、潮流化妆、美式化妆、中式化妆（也就是古风妆），还有近两年比较流行的新时代妆品...</p>
                    </a>
                </div>
            </li>
            <li>
                <div class="article-date">
                    <strong>01</strong>
                    <p>2017/05</p>
                </div>
                <div class="article-info">
                    <a href="article_list_content.jsp">
                        <h3>化妆品的历史?</h3>
                        <p>按化妆品的风格上可以分为：时尚化妆、潮流化妆、美式化妆、中式化妆（也就是古风妆），还有近两年比较流行的新时代妆品...</p>
                    </a>
                </div>
            </li>
            <li>
                <div class="article-date">
                    <strong>01</strong>
                    <p>2017/05</p>
                </div>
                <div class="article-info">
                    <a href="article_list_content.jsp">
                        <h3>化妆品的色彩?</h3>
                        <p>按化妆品的风格上可以分为：时尚化妆、潮流化妆、美式化妆、中式化妆（也就是古风妆），还有近两年比较流行的新时代妆品...</p>
                    </a>
                </div>
            </li>
            <li>
                <div class="article-date">
                    <strong>01</strong>
                    <p>2017/05</p>
                </div>
                <div class="article-info">
                    <a href="article_list_content.jsp">
                        <h3>化妆品的妆严?</h3>
                        <p>按化妆品的风格上可以分为：时尚化妆、潮流化妆、美式化妆、中式化妆（也就是古风妆），还有近两年比较流行的新时代妆品...</p>
                    </a>
                </div>
            </li>
            <li>
                <div class="article-date">
                    <strong>01</strong>
                    <p>2017/05</p>
                </div>
                <div class="article-info">
                    <a href="article_list_content.jsp">
                        <h3>化妆品的分类?</h3>
                        <p>按化妆品的风格上可以分为：时尚化妆、潮流化妆、美式化妆、中式化妆（也就是古风妆），还有近两年比较流行的新时代妆品...</p>
                    </a>
                </div>
            </li>
        </ul>

    </section>
    <div class="article_list_more_pages">
        <ul>
            <li><a>上一页</a></li>
            <li class="article-current"><a>1</a></li>
            <li><a>2</a></li>
            <li><a>3</a></li>
            <li><a>下一页</a></li>
        </ul>
    </div>
</div>















<jsp:include page="/footerServlet"></jsp:include>
</body>
</html>